<div class="ui-grid-pager-panel" style="position: relative" ui-grid-pager ng-show="grid.options.enablePaginationControls">
<div class="ui-grid-pager-container" style="height: 35px;width: 100%;background-color: #f2f2f2;border-top: 1px solid #d4d4d4;">
<div class="ui-grid-pager-control" style="margin-left: 0;">
<ul class="pagination" style="margin: 0">
    <li>
        <a href="" ng-click="paginationApi.previousPage()"><i class="fa fa-angle-left"></i> 上一页</a>
    </li>
    <li ng-repeat="pageNumber in grid.options.pages track by $index" ng-class="{ active : grid.options.paginationCurrentPage == pageNumber, disabled : pageNumber == '...' }">
        <a href="" ng-click="paginationApi.seek(pageNumber)">{{ pageNumber }}</a>
    </li>

    <li>
        <a href="" ng-click="paginationApi.nextPage()">下一页 <i class="fa fa-angle-right"></i></a>
    </li>
</ul>
</div>
    <div class="ui-grid-pager-row-count-picker" style="padding-top: 5px">
        <span class="ui-grid-pager-row-count-label">共 {{paginationApi.getTotalPages()}} 页</span>
        <span class="ui-grid-pager-row-count-label">&nbsp;每页记录数</span>
        <select ng-model="grid.options.paginationPageSize" ng-options="o as o for o in grid.options.paginationPageSizes"></select>
        <span class="ui-grid-pager-row-count-label">&nbsp;到第</span>
        <input type="number" style="border:solid 1px #ededed;text-align: center;" ng-model="grid.options.paginationCurrentPage" min="1" max="{{ paginationApi.getTotalPages() }}" >
        <span class="ui-grid-pager-row-count-label">&nbsp;页</span>
    </div>


<div class="ui-grid-pager-count-container pull-right">
    <div class="ui-grid-pager-count">
    <span ng-show="grid.options.totalItems > 0">总记录数：{{grid.options.totalItems}} </span>
</div>
</div>
</div>
</div>